<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>列表</title>
	<link rel="stylesheet" href="./css/index.css" />
	<link rel="stylesheet" href="./css/list.css" />
</head>
<body>
	 


	   <!-- 顶部区域 -->

   <div id="top">
        
   	  <div class="top_top">
   	    <!-- 顶部区域左侧 -->
	   	  	  <div class="top_city">
	   	  	  	 <span class="l-city">切换城市：</span>
	   	  	  	 <a href="" class="r-city">北京</a>
	   	  	  </div>

	           <div class="collection">
	                <a href="" class="sanjiaoxing"></a>
		   	  	  	<a href="" class="shoucang">收藏海尔商品</a>
		   	   </div>
        <!-- 顶部区域右侧 -->
             <ul class="top_right">
		                 <p>嗨，欢迎来到海尔官方商城 请</p>
		             	 <a href="">登录</a>
             	 <li class="top_li_right">
             	          <p>|</p>
		             	  <a href="" >免费注册</a><p> |</p>                        
		             	  <a href="" >我的订单</a><p> |</p>
		             	  <a href="" >服务中心</a><p> |</p>
		             	  <a href="" >互动社区</a><p> |</p>
		             	  <a href="" >海尔官网</a>
             	 </li>
             </ul>
   	  </div>
   	</div>  

 <!-- 顶部灰色区域结束 -->


 <!-- 搜索区域 -->

  <div id="seek">
  	  <div class="seek_seek">

          <!-- 左边海尔商标 -->
  	  	  <div class="seek_left">
  	  	  	  <div class="left_haier"></div>
  	  	  	  <div class="left_brand">
  	  	  	       <img src="./image/slogan.png" alt="" />
  	  	  	  </div>
  	  	  </div>
          
         
          <!-- 中间搜索区域 -->
          <div class="middle_seek">
                <!-- 搜索 -->
          	    <div class="_seek">

          	    	<form action="">
          	    		<input type="text" class="text" value="【全民爽购】" />
          	    		<input type="submit" value="" class="btn-search" />
          	    		<a href=""></a>
          	    	</form>

          	    </div>
	            <!-- 底部 -->
	            <div class="middle_bottom">
	            	<strong class="strong-title">热门搜索：</strong>
	            	<a class="a-hotword" target="_blank" href="">三门冰箱</a>
	            	<a class="a-hotword" target="_blank" href="">三门冰箱</a>
	            	<a class="a-hotword" target="_blank" href="">三门冰箱</a>
	            	<a class="a-hotword" target="_blank" href="">三门冰箱</a>
	            	<a class="a-hotword" target="_blank" href="">三门冰箱</a>
	            	<a class="a-hotword" target="_blank" href="">三门冰箱</a>
	                <a class="a-hotword" target="_blank" href="">三门冰箱</a>
	            	<a class="a-hotword" target="_blank" href="">三门冰箱</a>
	            </div>
          </div>



  	  </div>
  </div>



 <!-- 导航条 -->

	<div id="strip">
		<div class="s_strip">

			 <div class="classify">
			 	 <a href="">商品分类</a>
			 </div>


            <!-- 中间 -->
             <ul class="classify_content">

	             	<li class="li-mainnav">
	                    	<a href="">分类</a>
	             	</li>
	                <li class="li-mainnav">
	                    	<a href="">分类显示</a>
	             	</li>
	             	<li class="li-mainnav">
	                    	<a href="">分类</a>
	             	</li>
            </ul>


            <!-- 购物车 -->
            <div class="shopping">
	                <span class="s-shopping">购物车</span>
	             	<p class="nimi-cart-num ">0</p>
             </div>

             <!-- 隐藏区域内容 -->
             <div class="hide_shopping" style="display:none">
	                <span class="s-shopping">购物车</span>
	             	<p class="nimi-cart-num ">0</p>
             </div>




		</div>
	</div>







<!-- 所属分类 -->
<div class="sssss">
  <div id="location">
  	   您现在的位置：
  	   <a href="">海尔商城</a>  > 
  	   <a href="">电脑</a> >
  	   <strong class="new">笔记本</strong>
  </div>



<!-- 左侧 -->
<div id="l-r-fiy">



 <div id="l-fiy">
 	   <h2 class="h2-brain">电脑</h2>
 	   <div class="l-fiy-div-d">

	   	    <dl class="l-fiy-div-dl">
 	   	    	<dt class="l-fiy-div-dt"><a href="" class="ben">笔记本</a></dt>
 	   	    	<dd class="l-fiy-div-dd"></dd>   	    	
 	   	    </dl>

 	   	    <dl class="l-fiy-div-dl">
 	   	    	<dt class="l-fiy-div-dt"><a href="">一体电脑</a></dt>
 	   	    	<dd class="l-fiy-div-dd"></dd>   	    	
 	   	    </dl>

	   	    <dl class="l-fiy-div-dl">
 	   	    	<dt class="l-fiy-div-dt"><a href="">一体电脑</a></dt>
 	   	    	<dd class="l-fiy-div-dd"></dd>   	    	
 	   	    </dl>
	   	    <dl class="l-fiy-div-dl">
 	   	    	<dt class="l-fiy-div-dt"><a href="">一体电脑</a></dt>
 	   	    	<dd class="l-fiy-div-dd"></dd>   	    	
 	   	    </dl>
 	   	    <dl class="l-fiy-div-dl">
 	   	    	<dt class="l-fiy-div-dt"><a href="">一体电脑</a></dt>
 	   	    	<dd class="l-fiy-div-dd"></dd>   	    	
 	   	    </dl>

 	   </div>

      <!-- 你可能还喜欢 -->
 	   <div class="like">
 	   	   <h2 class="like-h2">你可能还喜欢</h2>
 	   	   <ul class="like-ul">

 	   	      	<li class="like-li">
 	   	      	     <a href="" class="a-like-li"><img src="./image/007.png" alt="" /></a>
 	   	      	     <h3 class="like-li-h3">
 	   	      	          <a href="">
 	   	      	          	海尔笔记本 S500-I74702G80T01 NDTS 15.6英寸1080P全高清，酷睿四核i7处理器，英特尔HM86高速芯片组，8G内存，1TB超大存储硬盘，最新8系列GT840M 2G独显，第二块硬盘扩展仓，纯铜管+大风扇散热系统，25mm超薄机身，全尺寸键盘

 	   	      	          </a>
 	   	      	     </h3>
 	   	      	     <span>￥5499</span>
 	   	      	</li>

 	   	      	 <li class="like-li">
 	   	      	     <a href="" class="a-like-li"><img src="./image/007.png" alt="" /></a>
 	   	      	     <h3 class="like-li-h3">
 	   	      	          <a href="">
 	   	      	          	海尔笔记本 S500-I74702G80T01 NDTS 15.6英寸1080P全高清，酷睿四核i7处理器，英特尔HM86高速芯片组，8G内存，1TB超大存储硬盘，最新8系列GT840M 2G独显，第二块硬盘扩展仓，纯铜管+大风扇散热系统，25mm超薄机身，全尺寸键盘

 	   	      	          </a>
 	   	      	     </h3>
 	   	      	     <span>￥5499</span>
 	   	      	</li>
 	   	      	      	<li class="like-li">
 	   	      	     <a href="" class="a-like-li"><img src="./image/007.png" alt="" /></a>
 	   	      	     <h3 class="like-li-h3">
 	   	      	          <a href="">
 	   	      	          	海尔笔记本 S500-I74702G80T01 NDTS 15.6英寸1080P全高清，酷睿四核i7处理器，英特尔HM86高速芯片组，8G内存，1TB超大存储硬盘，最新8系列GT840M 2G独显，第二块硬盘扩展仓，纯铜管+大风扇散热系统，25mm超薄机身，全尺寸键盘

 	   	      	          </a>
 	   	      	     </h3>
 	   	      	     <span>￥5499</span>
 	   	      	</li>
 	   	   </ul>

 	   </div>




 	   <!-- 您最近看过的 -->


 	   <div class="lately">
 	        <h3 class="like-li-h3">您最近看过的</h3>
 	   	    <ul class="lately-ul">
 	   	    	<li class="lately-li">
 	   	    	     <a href="" class="lately-li-a"><img src="g" alt="" /></a>
 	   	    	     <h4 class="lately-li-h4">
 	   	    	     	<a href="" class="lately-li-h4-a">MOOKA智能电视 U50H7 
50英寸4K超高清3D智能电视，清晰度是全高清的4倍；4核CPU+4核GPU极速处理器，速度更快；极简飞梭遥控器，一掌全控；基于Android4.2的UI界面，丰富应用随时更新；多屏互动，在大屏幕上畅玩手机和pad</a>
 	   	    	     </h4>
 	   	    	     <span>￥3999</span>
 	   	    	</li>

	            <li class="lately-li">
 	   	    	     <a href="" class="lately-li-a"><img src="" alt="" /></a>
 	   	    	     <h4 class="lately-li-h4">
 	   	    	     	<a href="" class="lately-li-h4-a">MOOKA智能电视 U50H7 
50英寸4K超高清3D智能电视，清晰度是全高清的4倍；4核CPU+4核GPU极速处理器，速度更快；极简飞梭遥控器，一掌全控；基于Android4.2的UI界面，丰富应用随时更新；多屏互动，在大屏幕上畅玩手机和pad</a>
 	   	    	     </h4>
 	   	    	     <span>￥3999</span>
 	   	    	</li>

 	  	        <li class="lately-li">
 	   	    	     <a href="" class="lately-li-a"><img src="" alt="" /></a>
 	   	    	     <h4 class="lately-li-h4">
 	   	    	     	<a href="" class="lately-li-h4-a">MOOKA智能电视 U50H7 
50英寸4K超高清3D智能电视，清晰度是全高清的4倍；4核CPU+4核GPU极速处理器，速度更快；极简飞梭遥控器，一掌全控；基于Android4.2的UI界面，丰富应用随时更新；多屏互动，在大屏幕上畅玩手机和pad</a>
 	   	    	     </h4>
 	   	    	     <span>￥3999</span>
 	   	    	</li>
 	   	    </ul>
 	   </div>
 </div>






<!-- 右侧 -->
 <div id="r-fiy">
 	  <div class="sort"></div>
 	  <div class="s-sort"><span>海尔电脑 推荐使用 Windows® 7。</span></div>
 </div>

 <!-- 商品内容 -->
 <div id="goods">
 	  <ul class="goods-ul">
 	  	 <li class="goods-ul-li">
 	  	 	<a href="" class="goods-ul-li-a"><img src="./image/009.png" alt="" /></a>
 	  	 	<h4 class="goods-ul-li-h4"><a href="">海 尔笔记本 S400-1017UG20320R8US 14英寸轻薄娱乐办公本，正版Windows8系统，intel HM70芯片，2G内存，320G硬盘；金属拉丝工艺外壳，高硬度屏幕边框；高清超薄LED背光显示屏，HD高清摄像头；HDMI+VGA双视频模式输 出，娱乐办公更轻松。</a></h4>
 	  	 	<p class="goods-ul-li-p">￥1190 <em> (已有0条评价)</em></p>
 	  	 	<p class="goods-ul-li-huo">北京有货</p>
 	  	 </li>



 	  	 <li class="goods-ul-li">
 	  	 	<a href="" class="goods-ul-li-a"><img src="./image/009.png" alt="" /></a>
 	  	 	<h4 class="goods-ul-li-h4"><a href="">海 尔笔记本 S400-1017UG20320R8US 14英寸轻薄娱乐办公本，正版Windows8系统，intel HM70芯片，2G内存，320G硬盘；金属拉丝工艺外壳，高硬度屏幕边框；高清超薄LED背光显示屏，HD高清摄像头；HDMI+VGA双视频模式输 出，娱乐办公更轻松。</a></h4>
 	  	 	<p class="goods-ul-li-p">￥1190 <em> (已有0条评价)</em></p>
 	  	 	<p class="goods-ul-li-huo">北京有货</p>
 	  	 </li>


 	  	 <li class="goods-ul-li">
 	  	 	<a href="" class="goods-ul-li-a"><img src="./image/009.png" alt="" /></a>
 	  	 	<h4 class="goods-ul-li-h4"><a href="">海 尔笔记本 S400-1017UG20320R8US 14英寸轻薄娱乐办公本，正版Windows8系统，intel HM70芯片，2G内存，320G硬盘；金属拉丝工艺外壳，高硬度屏幕边框；高清超薄LED背光显示屏，HD高清摄像头；HDMI+VGA双视频模式输 出，娱乐办公更轻松。</a></h4>
 	  	 	<p class="goods-ul-li-p">￥1190 <em> (已有0条评价)</em></p>
 	  	 	<p class="goods-ul-li-huo">北京有货</p>
 	  	 </li>



 	  	 <li class="goods-ul-li">
 	  	 	<a href="" class="goods-ul-li-a"><img src="./image/009.png" alt="" /></a>
 	  	 	<h4 class="goods-ul-li-h4"><a href="">海 尔笔记本 S400-1017UG20320R8US 14英寸轻薄娱乐办公本，正版Windows8系统，intel HM70芯片，2G内存，320G硬盘；金属拉丝工艺外壳，高硬度屏幕边框；高清超薄LED背光显示屏，HD高清摄像头；HDMI+VGA双视频模式输 出，娱乐办公更轻松。</a></h4>
 	  	 	<p class="goods-ul-li-p">￥1190 <em> (已有0条评价)</em></p>
 	  	 	<p class="goods-ul-li-huo">北京有货</p>
 	  	 </li>

  	  	 <li class="goods-ul-li">
 	  	 	<a href="" class="goods-ul-li-a"><img src="./image/009.png" alt="" /></a>
 	  	 	<h4 class="goods-ul-li-h4"><a href="">海 尔笔记本 S400-1017UG20320R8US 14英寸轻薄娱乐办公本，正版Windows8系统，intel HM70芯片，2G内存，320G硬盘；金属拉丝工艺外壳，高硬度屏幕边框；高清超薄LED背光显示屏，HD高清摄像头；HDMI+VGA双视频模式输 出，娱乐办公更轻松。</a></h4>
 	  	 	<p class="goods-ul-li-p">￥1190 <em> (已有0条评价)</em></p>
 	  	 	<p class="goods-ul-li-huo">北京有货</p>
 	  	 </li>

  	  	 <li class="goods-ul-li">
 	  	 	<a href="" class="goods-ul-li-a"><img src="./image/009.png" alt="" /></a>
 	  	 	<h4 class="goods-ul-li-h4"><a href="">海 尔笔记本 S400-1017UG20320R8US 14英寸轻薄娱乐办公本，正版Windows8系统，intel HM70芯片，2G内存，320G硬盘；金属拉丝工艺外壳，高硬度屏幕边框；高清超薄LED背光显示屏，HD高清摄像头；HDMI+VGA双视频模式输 出，娱乐办公更轻松。</a></h4>
 	  	 	<p class="goods-ul-li-p">￥1190 <em> (已有0条评价)</em></p>
 	  	 	<p class="goods-ul-li-huo">北京有货</p>
 	  	 </li>



 	  	 <li class="goods-ul-li">
 	  	 	<a href="" class="goods-ul-li-a"><img src="./image/009.png" alt="" /></a>
 	  	 	<h4 class="goods-ul-li-h4"><a href="">海 尔笔记本 S400-1017UG20320R8US 14英寸轻薄娱乐办公本，正版Windows8系统，intel HM70芯片，2G内存，320G硬盘；金属拉丝工艺外壳，高硬度屏幕边框；高清超薄LED背光显示屏，HD高清摄像头；HDMI+VGA双视频模式输 出，娱乐办公更轻松。</a></h4>
 	  	 	<p class="goods-ul-li-p">￥1190 <em> (已有0条评价)</em></p>
 	  	 	<p class="goods-ul-li-huo">北京有货</p>
 	  	 </li>
  	  	 <li class="goods-ul-li">
 	  	 	<a href="" class="goods-ul-li-a"><img src="./image/009.png" alt="" /></a>
 	  	 	<h4 class="goods-ul-li-h4"><a href="">海 尔笔记本 S400-1017UG20320R8US 14英寸轻薄娱乐办公本，正版Windows8系统，intel HM70芯片，2G内存，320G硬盘；金属拉丝工艺外壳，高硬度屏幕边框；高清超薄LED背光显示屏，HD高清摄像头；HDMI+VGA双视频模式输 出，娱乐办公更轻松。</a></h4>
 	  	 	<p class="goods-ul-li-p">￥1190 <em> (已有0条评价)</em></p>
 	  	 	<p class="goods-ul-li-huo">北京有货</p>
 	  	 </li>
  	  	 <li class="goods-ul-li">
 	  	 	<a href="" class="goods-ul-li-a"><img src="./image/009.png" alt="" /></a>
 	  	 	<h4 class="goods-ul-li-h4"><a href="">海 尔笔记本 S400-1017UG20320R8US 14英寸轻薄娱乐办公本，正版Windows8系统，intel HM70芯片，2G内存，320G硬盘；金属拉丝工艺外壳，高硬度屏幕边框；高清超薄LED背光显示屏，HD高清摄像头；HDMI+VGA双视频模式输 出，娱乐办公更轻松。</a></h4>
 	  	 	<p class="goods-ul-li-p">￥1190 <em> (已有0条评价)</em></p>
 	  	 	<p class="goods-ul-li-huo">北京有货</p>
 	  	 </li>
 	  </ul>
   </div>
</div>
</div>





<!-- 底部 -->

   <div id="at-the-bottom-of-the">
   	  <div class="at-the-bottom">
   	  	   购物流程 | 配送方式 | 付款方式 | 售后服务 | 投诉建议 | 友情链接 | 加入我们 | 海尔知识堂
   	  </div>
   </div>

   <div id="at-the-bottom-of-the">
   	  <div class="the-bottom">
   	  	   网站备案/许可证号：鲁ICP备09096283号
   	  </div>
   </div>
  <div id="at-the-bottom-of-the">
   	  <div class="bottom">
   	  	  Copyright©2000-2014 海尔集团电子商务有限公司 All Rights Reserved
   	  </div>
   </div>







</body>
</html>